<template>
  <div class="map-wrapper">
    <div :id="props.mapId" class="map-container"></div>
  </div>
</template>

<script setup lang="ts">
import type { ComponentProps } from "@/context";
import type { MapViewConfig } from "./index";
// import { scene } from "../../scene";
const props = defineProps<ComponentProps & MapViewConfig>();
// const view = scene.getView(props.viewId, "MapView");
</script>

<style scoped>
.map-wrapper {
  height: 100vh;
  max-height: 100vh;
  overflow-y: hidden;
}

.map-container {
  position: relative;
  width: 100%;
  height: 100%;
}
</style>
